<template>
	<view class="ns-goods-action bottom-safe-area">
		<slot></slot>
	</view>
</template>

<script>
	export default {
		name: 'ns-goods-action',
		props: {
			safeArea: {
				type: Boolean,
				default: false
			}
		}
	};
</script>

<style>
	.ns-goods-action {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		display: flex;
		align-items: center;
		background-color: #fff;
	}

	.ns-goods-action.bottom-safe-area {
		padding-bottom: 0;
		padding-bottom: constant(safe-area-inset-bottom);
		padding-bottom: env(safe-area-inset-bottom);
	}
</style>